{% extends 'web_base/base_head_foot.html' %}
{% load staticfiles %}

{% block base_link_script %}
<link rel="stylesheet" href="css/game_main.css"/>
{% endblock %}

{% block base_body %}
<div class="main ui container">
    <div class="section">
        <div class="section_title">
            <h3>最新更新</h3>
        </div>
        <div class="item_ls ui cards">
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
            <div class="ui card">
                <div class="image">
                    <a href="game_detail.html"><img src="/upload/images/game_main_lst1.png"></a>
                </div>
                <div class="item_con">
                    <a class="header">崩坏3</a>
                    <div class="meta fluid">
                        <span class="date"><a href="#">动作</a><span class="i_star"><span>8.5</span><i class="icon ui star"></i></span></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ui container btn_page">
        <button class="button ui "><i class="ui icon chevron left"></i></button>
        <button class="button ui active">1</button>
        <button class="button ui">2</button>
        <button class="button ui">3</button>
        <button class="button ui"><i class="ui icon chevron right"></i></button>
    </div>
</div>
{% endblock %}

{% block base_script %}
    $(document).ready(function() {
        $('.ui.image.avatar').popup();
        $('.tabular.menu').tab();
    });
{% endblock %}